html,body,div,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,select,option,dd,p,a,img,form,fieldset,legend,span,em,strong,b,i,input,button,table,th,td,tbody,thead,tr{
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-family:"微软雅黑";
}
img,input,button,select,option,textarea{
	outline:none;
	border:none;
	border:0;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}

.fl{float:left;}
.fr{float:right;}
/*清楚浮动*/
.clear::after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0,
}
.clear{zoom:1}
/*
 * 省略号
 * 注意写省略号的时候，该元素要有宽度
 * */
.ellipsis{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.auto{
	margin: 0 auto;
}

/*
 * 垂直居中
 * 注意，父元素要有相对定位
 * 使用的时候需要加 margin：auto;
 * 居中元素要有宽高
 */

.middle{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
